<template>
<div class="mp_header gc-flex gc-flex-between">
  <div class="iconfont icon-qw mp-header-left"></div>
  <div class="gc-flex gc-flex-lc gc-flex-item mp-header-title"><i class="iconfont icon-sousuo"></i>输入城市/景点/游玩主题</div>
  <router-link to="/city"><div class="mp-header-right">{{city}} <i class="iconfont icon-xiala"></i></div></router-link>
</div>
</template>

<script type="es6">
export default {
  name: '',
  props: {
    city: String
  }
}
</script>

<style scoped lang="less">
  .active{
    color: #fff;
  }
  .mp_header{
  width: 100%;
  height: .88rem;
  padding: 0 .12rem;
  background: #00bcd4;
  text-align: center;
  color: #fff;
.mp-header-left{
  padding-right: .12rem;
}
.mp-header-title{
  background: #fff;
  color: #e4e7ea;
  border-radius: .08rem;
  padding: .04rem .10rem;
  .icon-sousuo{
    margin-right: .10rem;
  }
}
.mp-header-right{
  padding-left: .22rem;
}
}
</style>
